<!-- CSS -->
<link rel="stylesheet" type="text/css" href="../../../css/uploadify.css" />

<!-- JQuery library -->
    <script type="text/javascript" src="../../../js/jquery-1.4.4.min.js"></script>
<!-- Uploadify -->    
    <script type="text/javascript" src="../../../js/jquery.uploadify.v2.1.4.min.js"></script>
<!-- SWobject -->
<script type="text/javascript" src="../../../js/swfobject.js"></script>

<script type="text/javascript">
    
    var categoria = "";
    var titulo = "";
    var descripcion = "";
    var idpersonal = "";
    var sobreescribir = 0;
    
    function guardar() 
    {
        idpersonal = $('#idpersonal').val();
        categoria = $('#categoria').val();
        titulo = $('#titulo').val();
        descripcion = $('#descripcion').val();
        
        if ($('input[name=chb_sobreescribir]').is(':checked'))
        {
            sobreescribir = 1;
        }
        else 
        {
            sobreescribir = 0;
        }
        
        $('#archivo_a_subir').uploadifySettings('scriptData', {'idpersonal': idpersonal, 'categoria': categoria, 'titulo': titulo, 'descripcion': descripcion, 'sobreescribir': sobreescribir});
        $('#archivo_a_subir').uploadifyUpload();
        
        $('#categoria').val("");
        $('#titulo').val("");
        $('#descripcion').val("");
    }
    
    function actualizar_mis_archivos() 
    {
        $.post("../../../programas/comunes/usuario/aeditar_datos_usuario.php", { accion_datos_usuario: "ver_archivos_subidos" }, function(data)
        {
            if(data != "") 
            {
                $('#mis_archivos').html(data);    
            } 
        });
    }
    
    function borrar_archivo(idarchivo, ruta) 
    {
        $.post("../../../programas/comunes/usuario/aeditar_datos_usuario.php", { accion_datos_usuario: "eliminar_archivos_subidos", idarchivo: idarchivo, ruta: ruta }, function(data)
        {
            if(data != "") 
            {
                $('#mis_archivos').html(data);    
            } 
        });
    }
    
    $(function() {        
        $('#archivo_a_subir').uploadify({
            'buttonText': 'Buscar archivo',
            'uploader'  : '../../../plantillas/infomedicos/uploadify/uploadify.swf',
            'script'    : '../../../programas/medico/info-adicional/ainformacion_archivos.php',
            'cancelImg' : '../../../plantillas/infomedicos/uploadify/cancel.png',
            'folder'    : '../../../archivos_subidos', //No se usa, porque la ruta se define desde el programa
            'removeCompleted' : true,
            'sizeLimit'   : 4194304,
            'onComplete': function(event, queueID, fileObj, response, data) 
             {
 		         $('#mensaje').html(response);
                 actualizar_mis_archivos();
	         },
        });				
    });
</script>

<table border="0" align="center" cellpadding="0" cellspacing="0" class="borde2">
<tr class="cabecera">
	<td class="footer">Archivos de inter&eacute;s</td>
</tr>

<tr>
<td>
<div class="archivos_interes">
        
       <!-- INICIO BLOQUE : idpersonal --> 
       <input type="hidden" id="idpersonal" value="{idpersonal}" />
       <!-- FIN BLOQUE : idpersonal --> 
       <table cellspacing="4" cellpadding="10">
            <tr>
                <td valign="top"> <label for="archivo_a_subir" id="lblarchivo">Archivo a subir</label> </td>
                <td> <input id="archivo_a_subir" type="file" name="archivo" /> </td>
            </tr>
            
            <tr>
                <td> <label for="categoria" id="lbltitulo">Categoria</label> </td>
                <td> 
                    <select id="categoria" name="categoriaa" >
                        <!-- INICIO BLOQUE : categoria_archivos -->
                        <option value="{idcategoria}"> {categoria} </option>
                        <!-- FIN BLOQUE : categoria_archivos -->                       
                    </select> 
                </td>
            </tr>
            
            <tr>
                <td> <label for="titulo" id="lbltitulo">Titulo</label> </td>
                <td> <input id="titulo" type="text" name="tituloo" size="61" /> </td>
            </tr>
            
            <tr>
                <td valign="top"> <label for="descripcion" id="lbldescripcion">Descripcion</label> </td>
                <td> <textarea cols="40" id="descripcion" name="descripcionn" rows="5" style="width: 402px" ></textarea> </td>
            </tr>
            
            <tr>
                <td colspan="2"> 
                    <input type="checkbox" id="sobreescribir" name="chb_sobreescribir" value="0" /> 
                    <label for="sobreescribir"> Reemplazar si hubiese un archivo con el mismo nombre. </label>
                </td>
            </tr>
            
            <tr>
                <td colspan="2"> <input onclick="guardar()" type="button" value="Guardar archivo" /> </td>
            </tr>
            
            <tr>
                <td colspan="2"> <div id="mensaje"></div> </td>
            </tr>
       </table>

    <br />
    <a href="javascript:actualizar_mis_archivos()"> Ver archivos </a>
    <br /> <br />    
</div>

<div class="archivos_interes" id="mis_archivos">
    {lista_archivos}
</div>

</td>
</tr>
</table>